<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <style>
        .container{
            background:#ccc;
            font-size:12px;
            margin:20 auto;
            width:600px;
            height:400px;
        }
    </style>
</head>
<body>
    <div class="question_box">
        <div>Q1</div> 
        <div>单选题</div>
        <div class="handles">
          <div class="handle"><button id="bu" onclick="up()" value="上移">上移</button></div>
          <div class="handle">下移</div>
          <div class="handle">复用</div>
          <div class="handle">删除</div>
        </div>
    </div>
    <div class="question_box">
        <div>Q2</div> 
        <div>多选题</div>
        <div class="handles">
          <div class="handle"><button id="" onclick="up()" value="上移">上移</button></div>
          <div class="handle">下移</div>
          <div class="handle">复用</div>
          <div class="handle">删除</div>
        </div>
    </div>
    <div class="container"></div>
<script type="text/javascript">
        function up(){
            let A = $("#bu").parent().parent().parent()
            let B = A.prev()
            A.before(B)
        };
</script>    
</body>
</html>